<template>
    <div class="planA">
        <p>这是校区模板的设计</p>
       <el-table
    :data="tableData"
    border
    style="width: 100%">
    <el-table-column
      fixed
      prop="date"
      label="校区名称"
      width="150">
    </el-table-column>
     <el-table-column
      fixed
      prop="date1"
      label="校区编码"
      width="150">
    </el-table-column>
     <el-table-column
      fixed
      prop="date2"
      label="校区地址"
      width="150">
    </el-table-column>
     <el-table-column
      fixed
      prop="date3"
      label="id"
      width="150">
    </el-table-column>
     <el-table-column
      fixed
      prop="date3"
      label="是否开放"
      width="150">
    </el-table-column>
     <el-table-column
      fixed
      prop="date3"
      label="最近操作时间"
      width="150">
    </el-table-column>
   
    <el-table-column
      fixed="right"
      label="操作"
      width="100">
      <template slot-scope="scope">
        <el-button @click="handleClick(scope.row)" type="text" size="small">修改</el-button>
        <el-button type="text" size="small">删除</el-button>
      </template>
    </el-table-column>
  </el-table>
    </div>
</template>
<script>
export default {
    name:"MyPlana",
     methods: {
      handleClick(row) {
        console.log(row);
      }
    },
     data() {
      return {
        tableData: [{
          date: '广州校区',
         
        }, {
          date: '深圳校区',
         
        }, ]
      }
    }
    
}
</script>